Vue.component('myheader',{
    template:`
        <nav class="navbar navbar-default">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">
                    <img alt="Brand" src="../images/logo.png">
                </a>
            </div>
            <!--分类开始-->
            <ul class="nav navbar-nav">
                <li><a href="/">首页</a></li>
                <li><a href="series.html">送礼系列</a></li>
                <li><a href="series.html">经典系列</a></li>
                <li><a href="series.html">尊享系列</a></li>
                <li><a href="series.html">小方片</a></li>
                <li><a href="series.html">闯天下</a></li>
                <li><a href="series.html">飞天银针</a></li>
                <li><a href="series.html">便携系列</a></li>
                <li><a href="series.html">其他</a></li>
                <li><a href="series.html">全部商品</a></li>
                <li class="nav navbar-nav">
                    <form action="">
                        <input type="text" placeholder="Search">
                        <button><i class="fa fa-search"></i></button>
                    </form>     
                </li>
            </ul>
            <!--分类结束-->
            <!--用户未登录-->
            <ul class="nav navbar-nav navbar-right" style="margin-right: 30px" v-if="user == ''">
                <li><a href="/login.html">登录</a></li>   
            </ul>
            <!--用户已登录-->
            <a href="/" class="nav navbar-nav" v-if="user != ''">
                <img src="../../image/cat.png" class="img-circle" style="width: 50px; height: 50px;" alt="">
            </a>
        </div>
    </nav>
    `,
    data:function () {
        return {
            arr:[],
            user:"",
            wd:""
        }
    }
})
let v = new Vue({
    el:"myheader",
})